<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>作品</title>
    <link rel="stylesheet" href="${e.res('/css/main.css')}">
    <link rel="stylesheet" href="${e.res('/css/works.css')}">
    <link rel="stylesheet" type="text/css" href="${e.res('/fancybox/jquery.fancybox.css')}" media="screen" />
    <link rel="stylesheet" type="text/css" href="${e.res('/fancybox/helpers/jquery.fancybox-buttons.css')}" />
    <link rel="stylesheet" type="text/css" href="${e.res('/fancybox/helpers/jquery.fancybox-thumbs.css')}" />
</head>
<body>
<#include "/pages/moudle/HeadFoot.ftl">
<@headFoot chooseTag = '1'>
    <div class="works-show">
            <#assign newWorksNum =0, mainWorksNum =0, otherWorksNum =0>
            <#if resMap.worksNumList != null  && (resMap.worksNumList?size >0)>
                <#list resMap.worksNumList as worksNumMap>
                    <#if worksNumMap.works_type = '01'>
                        <#assign newWorksNum = worksNumMap.worksNum>
                    <#elseif worksNumMap.works_type = '02'>
                        <#assign mainWorksNum = worksNumMap.worksNum>
                    <#elseif worksNumMap.works_type = '03'>
                        <#assign otherWorksNum = worksNumMap.worksNum>
                    </#if>
                </#list>
            </#if>
            <ul class="works-category worksInfoList">
                <li worksType="01" <#if resMap.worksType = '01'>class="current-category"</#if>>新作品(${newWorksNum})</li>
                <li worksType="02" <#if resMap.worksType = '02'>class="current-category"</#if>>代表作(${mainWorksNum})</li>
                <li worksType="03" <#if resMap.worksType = '03'>class="current-category"</#if>>其他(${otherWorksNum})</li>
            </ul>
            <div class="ofh" id="container">
                <#if resMap.worksInfoList !=null  && (resMap.worksInfoList?size >0)>
                <#list resMap.worksInfoList as newWorks>
                <div class="item">
                <#assign newSmallPath = newWorks.image_url?split('.')[0]+'_s.'+newWorks.image_url?split('.')[1] >
                    <a title="${newWorks.works_name}" class="grouped_elements" rel="imgGroup" href="${e.res(newWorks.image_url)}">
                    <img class="worksImg" src="${e.res(newSmallPath)}" oldImgUrl="${e.res(newWorks.image_url)}" height="${newWorks.image_heigth}px">
                    </a>
                    <div class="work-desc">
                        <label>名称:&ensp;${newWorks.works_name}</label>
                        <label>形式:&ensp;${newWorks.works_form}</label>
                        <label>质地:&ensp;${newWorks.works_material}</label>
                    </div>
                    <div class="work-desc2">
                        ${newWorks.works_sign}，${newWorks.works_seal}，${newWorks.works_size}cm
                    </div>
                </div>
                </#list>
                </#if>
            </div>
        </div>
</@headFoot>
</body>
<script src="${e.res('/js/jquery-1.10.1.min.js')}"></script>
<script src="${e.res('/js/masonry.pkgd.min.js')}"></script>
<script src="${e.res('/js/works.js')}"></script>
<script src="${e.res('/js/jquery.lazyload.js')}"></script>
<script src="${e.res('/fancybox/jquery.fancybox.js')}" ></script>
<script src="${e.res('/fancybox/helpers/jquery.fancybox-buttons.js')}"></script>
<script src="${e.res('/fancybox/helpers/jquery.fancybox-thumbs.js')}"></script>
<script src="${e.res('/fancybox/helpers/jquery.fancybox-media.js')}"></script>
</html>